body {
	background: #fff;
	color: #666;
	font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,sans-serif
}

a {
	color: #333;
	transition: .5s
}

a:active,a:focus,a:hover {
	color: #e31610;
	outline: none;
	text-decoration: none
}

p {
	padding: 0;
	margin: 0 0 30px
}

.text-main {
	color: #e31610!important
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin: 0 0 20px;
	padding: 0
}

img.gray {
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
	-webkit-filter: url(../fonts/gray.svg#grayscale);
	filter: url(../fonts/gray.svg);
	-webkit-filter: gray;
	filter: gray
}

.back-to-top {
	position: fixed;
	display: none;
	background: #e31610;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 15px;
	transition: background .5s;
	z-index: 11
}

.back-to-top i {
	color: #fff
}

@media (max-width:768px) {
	.back-to-top {
		bottom: 15px
	}
}

#header {
	transition: all .5s
}

#top {
	background: #e31610;
	position: relative;
	z-index: 1000
}

#top .right {
	background: #000;
	width: 25%;
	height: 4px;
	float: right
}

#logo {
width: 420px;
    height: 55px;
}
}

#logo>img {
	top: 2px;
	left: 0;
	z-index: 1000;
	transition: all .5s;
	height:44px;
}

.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .show>.nav-link {
	color: #e31610
}

.navbar-nav .nav-link {
	color: #000
}

.index_searchform {
	width: 176px
}

.index_search {
	padding: 5px 0;
	width: 100%
}

.keyword {
	width: 100%;
	height: 30px;
	text-indent: 1em;
	font-size: 12px;
	border: 1px solid #9d9d9d;
	background: #fff;
	color: #666
}

.searchBtn {
	width: 28px;
	height: 28px;
	line-height: 28px;
	right: 1px;
	top: 6px;
	color: #9d9d9d;
	text-align: center;
	background: #fff
}

.lang:hover {
	color: #000
}

.lang>i {
	line-height: 40px;
	height: 40px;
	font-size: 24px
}

.lang:hover i.ion-ios-world-outline:before {
	content: "\f4d3"
}

#intro {
	background: url(../images/bannerbg.jpg) top no-repeat;
	background-size: cover;
	height: 620px;
	padding-top: 40px;
	overflow: hidden
}

@media (min-width:1200px) {
	.navbar-brand {
		margin-right: 2rem
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
		font-weight: bold;
	}
}

@media (max-width:1199px) {
	#intro {
		padding-top: 80px
	}
}

@media (max-width:992px) {
	#intro {
		height: 320px;
		padding-top: 40px
	}

	#header .navbar {
		transition: all .5s;
		height: 0
	}

	#logo>img {
		top: -48px
	}

	#lang {
		position: fixed;
		top: 26px;
		right: 50px;
		z-index: 990
	}
}

#intro .carousel-control-next,#intro .carousel-control-prev {
	width: 40px;
	height: 40px;

	bottom: 55px;
	background: #c3c3c5d9;
	opacity: .8;
	font-size: 20px;
	line-height: 40px
}

#intro .carousel-control-next {
	left: 55px;
	right: auto
}

#intro .carousel-control-next:hover,#intro .carousel-control-prev:hover {
	background: #e31610;
	opacity: .9
}

#float-contact .container {
	height: 40px
}

#float-contact img {
	position: absolute;
	bottom: 0;
	z-index: 999
}

#float-contact .blank {
	position: relative
}

#float-contact .blank:after {
	content: "";
	width: 40%;
	height: 100px;
	background: #fff;
	z-index: 998;
	bottom: 0;
	left: 0;
	position: absolute
}

#pro-center {
	padding: 40px 0
}

#pro-center .navbar-brand {
	z-index: 2
}

#pro-center .navbar-brand:after {
	position: absolute;
	width: 105px;
	border-bottom: 3px solid #959595;
	left: 0;
	bottom: -9px;
	content: ""
}

#pro-center .navbar-brand:before {
	position: absolute;
	content: "";
	z-index: -1;
	width: 300px;
	height: 32px;
	background: url(../images/section-pro.png) 0 0 no-repeat;
	left: 0;
	top: -12px
}

#pro-center .pro-list {
	border-top: 1px solid #d0d0d0;
	padding-top: 64px
}

.pro-list .l-item {
	background: #f5f5f5;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden
}

.pro-list .l-item:before {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: hsla(0,0%,100%,.3);
	position: absolute;
	top: 0;
	left: -100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s ease-in-out;
	z-index: 3
}

.pro-list .l-item:hover:before {
	margin-left: 200%
}

.pro-list .l-item a {
	color: #666;
	transition: all .3s
}

.pro-list .l-item a:hover {
	color: #e31610
}

.pro-list .l-item .h3 {
	border-bottom: 1px solid #d0d1d1;
	transition: all .3s;
	color: #333
}

.pro-list .l-item:hover .h3 {
	border-color: #e31610;
	color: #e31610
}

.pro-list .item-pic {
	overflow: hidden;
	position: relative;
	background: #f5f5f5
}

.pro-list .item-pic:before {
	content: " ";
	display: block;
	width: 200%;
	height: 100%;
	background: hsla(0,0%,100%,.1);
	position: absolute;
	top: 10px;
	left: -300%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .5s ease-in-out;
	z-index: 3
}

.pro-list .item:hover .item-pic:before {
	margin-left: 400%
}

.pro-list .item p {
	position: relative
}

.pro-list .item p:after,.pro-list .item p:before {
	position: absolute;
	content: "";
	border-bottom: 3px solid #e31610;
	bottom: 0;
	height: 0;
	width: 0;
	transition: all .3s ease-in-out
}

.pro-list .item p:after {
	right: 50%
}

.pro-list .item p:before {
	left: 50%
}

.pro-list .item:hover p:after,.pro-list .item:hover p:before {
	width: 50%
}

#about {
	background: url(../images/about.jpg) top no-repeat;
	padding: 109px 0 90px;
	overflow: hidden
}

#about .about-l {
	margin-right: 566px;
	color: #c7c7c7;
	position: relative;
	z-index: 2
}

#about .about-l:after {
	content: "";
	position: absolute;
	background: rgba(228,11,40,.8);
	width: 430px;
	height: 240px;
	bottom: -20px;
	left: -20px;
	z-index: -1
}

#about .about-l .h4:before {
	content: "";
	position: absolute;
	border-top: 3px solid #fff;
	width: 40px;
	top: -20px;
	left: 0
}

#about .about-r {
	background: #fff;
	width: 566px;
	height: 469px;
	float: right;
	padding: 90px 60px 0;
	color: #7a7a7a;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px
}

#about .sitename {
	font-size: 22px;
	font-weight: 700
}

#about .about_link {
	display: inline-block;
	line-height: 40px;
	background: #e31610;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 0 20px
}
<!---->

#aboutt .text-white {
   color: #e31610!important;
}
#aboutt {
	background: #fff;
	padding: 109px 0 90px;
	overflow: hidden
}

#aboutt .about-l {
	margin-right: 566px;
	color: #c7c7c7;
	position: relative;
	z-index: 2
}

#aboutt .about-l:after {
	content: "";
	position: absolute;
	background: rgba(228,11,40,.8);
	width: 430px;
	height: 240px;
	bottom: -20px;
	left: -20px;
	z-index: -1
}

#aboutt .about-l .h4:before {
	content: "";
	position: absolute;
	border-top: 3px solid #fff;
	width: 40px;
	top: -20px;
	left: 0
}

#aboutt .about-r {
	background: url(../images/about_r.jpg) top no-repeat;
	width: 566px;
	height: 469px;
	float: right;
	padding: 90px 60px 0;
	color: #7a7a7a;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px
}

#aboutt .sitename {
	font-size: 22px;
	font-weight: 700
}

#aboutt .about_link {
	display: inline-block;
	line-height: 40px;
	background: #e31610;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 0 20px
}


<!---->
#case {
	background: url(../images/case.jpg) #ebebeb top no-repeat;
	padding: 50px
}

#case .item {
	background: #fff;
	margin: 10px;
	transition: all .3s;
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
	color: #333
}

#case .item:hover {
	color: #fff;
	background: #e31610;
	box-shadow: 0 3px 10px rgba(0,0,0,.6);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

#case .item>p {
	font-size: 12px;
	line-height: 24px;
	height: 68px;
	overflow: hidden;
	text-align: left;
	padding: 0 15px 20px;
	margin-bottom: 0
}

#case .item>.h5 {
	font-size: 17px;
	position: relative;
	line-height: 40px;
	padding: 10px 15px 2px
}

#case .item>.h5:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 0;
	border-bottom: 2px solid rgba(227,22,16,.7);
	bottom: 0;
	left: 50%;
	margin-left: -15px
}

#case .item:hover>.h5:after {
	border-color: #fff
}

#case .more {
	background: #ececec;
	color: #888;
	margin-bottom: 15px;
	display: inline-block;
	line-height: 24px;
	padding: 0 12px;
	font-size: 13px;
	transition: all .3s ease-in-out
}

#case .item:hover .more {
	background: #a11818;
	color: #fff
}

#case-carousel {
	position: relative
}

#case-carousel .owl-stage-outer {
	z-index: 1
}

#case-carousel .owl-nav {
	position: absolute;
	bottom: 80px;
	left: -50px;
	right: -50px;
	z-index: -1
}

#case-carousel .owl-next,#case-carousel .owl-prev {
	display: inline-block;
	width: 36px;
	line-height: 36px;
	background: #000;
	color: #fff;
	outline: none
}

#case-carousel .owl-next:hover,#case-carousel .owl-prev:hover {
	background: #e31610
}

#case-carousel .owl-nav .owl-prev {
	float: left
}

#case-carousel .owl-nav .owl-next {
	float: right
}

#news {
	padding-top: 50px
}

#news .box {
	margin: 20px 0;
	position: relative;
	z-index: 2
}

#news .box:after {
	background: #f8f8f8;
	transition: all .5s;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	position: absolute;
	z-index: -1;
	opacity: .5
}

#news .box:hover:after {
	width: 100%;
	opacity: .9
}

#news .pic {
	float: left;
	width: 100%;
	max-width: 160px
}

#news .title {
	margin-left: 180px;
	font-weight: 600;
	margin-bottom: 35px;
	font-size: 16px;
	position: relative;
	color: #666;
	padding-top: 10px
}

#news .title:after {
	content: "";
	position: absolute;
	width: 30px;
	height: 0;
	border-bottom: 2px solid #ccc;
	bottom: -20px;
	left: 0
}

#news .box:hover .title:after {
	border-color: #595959
}

#news .description {
	font-size: 14px;
	margin-left: 180px;
	line-height: 24px;
	margin-bottom: 0;
	color: #999
}

#news .box:hover .title {
	color: #e31610
}

#tel {
	background: url(../images/tel.jpg) #fff top no-repeat;
	height: 149px;
	margin-top: 50px
}

#message {
	/***background: url(../images/contact.png) #fff top no-repeat;***/
	padding-top: 38px;
	margin: 30px 0
}

#message .form-group {
	width: 76%;
	margin: 0 auto 1rem
}

#message .form-control {
	border: 1px solid #dedede;
	height: 41px;
	border-radius: 0;
	margin-right: -3px;
	font-size: 16px
}

#message .btn-default {
	border-radius: 0;
	background: #e31610;
	color: #fff;
	border: 0;
	padding: 10px 15px;
	max-width: 160px;
	outline: none
}

#message textarea.form-control {
	height: auto
}

#message .container {
	margin-top: 60px
}

#footer {
	color: #dadada;
	font-size: 14px;
	background: #c22119
}

#footer .footer-top {
	padding: 60px 0 30px;
	border-top: 5px solid #d3d3d3;
	border-bottom: 1px solid #112e2a;
	background: url(../images/footbg.jpg) #363636 top no-repeat;
	background-size: cover
}

#footer .footer-top h4 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px
}

#footer .footer-top h4:after,#footer .footer-top h4:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px
}

#footer .footer-top h4:before {
	right: 0;
	background: #555
}

#footer .footer-top h4:after {
	background: #da0d1f;
	width: 60px
}

#footer .footer-top .footer-links {
	margin-bottom: 30px
}

#footer .footer-top .footer-links .item {
	color: #dadada;
	display: inline-block
}

#footer .footer-top .footer-links .item+.item {
	margin-left: .5rem
}

#footer .footer-top .footer-links .item:hover {
	color: #e31610
}

#footer .footer-top .footer-links .addlink {
	right: 15px;
	bottom: 10px;
	color: #ff190e
}

#footer .footer-top .footer-contact p {
	line-height: 26px
}

#footer .nav-link {
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	position: relative
}

#footer .nav-link+.nav-link:before {
	content: "";
	height: 18px;
	width: 1px;
	background: #770100;
	position: absolute;
	left: -1px;
	top: 20px
}

#footer .nav-link+.nav-link:after {
	content: "";
	height: 18px;
	width: 1px;
	background: #d75344;
	position: absolute;
	left: 0;
	top: 20px
}

#footer .message-form {
	padding-top: 50px
}

#footer .form-control {
	border: 1px solid #5b5b5b;
	border-radius: 2px;
	box-shadow: none;
	font-size: .875em;
	margin-bottom: 20px;
	background: none;
	color: #fff
}

#footer .form-control::-webkit-input-placeholder {
	color: #736f6f
}

#footer .form-control:-moz-placeholder,#footer .form-control::-moz-placeholder {
	color: #736f6f
}

#footer .form-control:-ms-input-placeholder {
	color: #736f6f
}

#footer input {
	padding: .5rem .75rem
}

#footer #questionPost {
	background: #e31610;
	font-size: 14px;
	color: #fff
}

#footer #questionPost>i {
	font-size: 18px
}

#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 26px 20px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all .4s;
	outline: none;
	cursor: pointer
}

#mobile-nav-toggle i {
	color: #e31610
}

@media (max-width:992px) {
	#mobile-nav-toggle {
		display: inline
	}
}

#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(0,0,0,.8);
	right: -50%;
	width: 50%;
	overflow-y: auto;
	transition: .4s
}

#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none
}

#mobile-nav ul li {
	position: relative
}

#mobile-nav ul li a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: 700;
	font-family: Montserrat,sans-serif
}

#mobile-nav ul li a:hover {
	color: #fff
}

#mobile-nav ul li li {
	padding-left: 30px
}

#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #009f3b
}

#mobile-nav ul .menu-has-children li a {
	text-transform: none
}

#mobile-nav ul .menu-item-active {
	color: #009f3b
}

#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0,0,0,.7);
	display: none
}

body.mobile-nav-active {
	overflow: hidden
}

body.mobile-nav-active #mobile-nav {
	right: 0
}

body.mobile-nav-active #mobile-nav-toggle {
	color: #fff
}

.carousel-fade .carousel-inner .carousel-item {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity
}

.carousel-fade .carousel-inner .active.carousel-item-left,.carousel-fade .carousel-inner .active.carousel-item-right,.carousel-fade .carousel-inner .carousel-item {
	opacity: 0
}

.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1
}

.inner-banner {
	height: 300px;
	background: url(../images/inner.jpg) top no-repeat
}

.inner-banner-news {
	height: 300px;
	background: url(../images/inner_news.jpg) top no-repeat
}

.inner-banner-contact {
	height: 300px;
	background: url(../images/inner_contact.jpg) top no-repeat
}

#inner_main .m-inner {
	font-size: 14px;
	min-height: 400px
}

#inner_main .bcbox {
	padding-top: 40px
}

#inner_main .bcbox .tit {
	font-size: 24px;
	color: #4e4e4e;
	padding: 0 12px 0 20px;
	border-left: 3px solid #e31610
}

#inner_main .bcbox .stit {
	color: #b6b6b6;
	font-size: 18px
}

#inner_main .breadcrumb {
	background: #fff;
	font-size: 14px;
	border-radius: 0;
	line-height: 28px;
	padding: 0;
	margin-bottom: 0
}

#inner_main .breadcrumb-item>a {
	color: #888
}
#yns1{display:none !important;}
#inner_main .breadcrumb-item.active {
	color: #333
}

#inner_main .breadcrumb-item+.breadcrumb-item:before {
	content: ">"
}

#about_nav {
	margin: 20px 0
}

#about_nav .nav-item+.nav-item {
	margin-left: 12px
}
.nav-item ul{
	position:absolute;
	top:2rem;left:0;
	list-style: none;
	padding: 0;
	z-index: 999;
	text-align:center;
	padding-top:1rem;
}
.nav-item li{
	width:200px;
}
.nav-item li a{
	color:#fff!important;
	padding:1rem;
}
#about_nav .nav-link {
	background: #fff;
	color: #5b5b5b;
	transition: all .3s;
	border: 1px solid #d7d7d7;
	border-radius: 0;
	padding-left: 30px;
	padding-right: 30px
}

#about_nav .nav-link.active,#about_nav .nav-link:hover {
	background: #e31610;
	color: #fff;
	border-color: #e31610
}

#inner_about {
	padding: 20px 0 60px;
	background: url(../images/bk.jpg) bottom no-repeat
}

.inner-box .zhcn {
	color: #7b7b7b;
	font-size: 14px;
	line-height: 30px
}

.inner-box .en {
	color: #afafaf;
	font-size: 12px;
	line-height: 20px
}

#inner_about .about-img {
	padding-top: 40px;
	position: relative;
	z-index: 1
}

#inner_about .about-img:after {
	content: "";
	position: absolute;
	width: 238px;
	height: 299px;
	top: 0;
	right: 0;
	z-index: -1;
	background: url(../images/inner_about_bg.jpg) 0 0 no-repeat
}

#inner_about .about-img>img {
	max-width: 348px
}

#inner_culture {
	padding-top: 80px
}

#inner_culture .about-img>img {
	max-width: 448px
}

#inner_culture .list {
	padding: 0
}

#inner_culture .item {
	list-style: none;
	color: #7a7a7a;
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 3px;
	position: relative;
	transition: all .3s;
	cursor: pointer
}

#inner_culture .item>i {
	color: #dcdcdc;
	font-size: 36px;
	line-height: 40px;
	width: 40px;
	margin-left: 15px;
	float: left
}

#inner_culture .item .txt {
	line-height: 40px;
	margin-left: 90px;
	position: relative;
	transition: all .2s;
	font-size: 14px
}

#inner_culture .item.active,#inner_culture .item:hover {
	color: #e31610
}

#inner_culture .item.active:after,#inner_culture .item:hover:after {
	height: 32px;
	width: 0;
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	border-left: 3px solid #e31610
}

#inner_culture .item.active .txt,#inner_culture .item:hover .txt {
	color: #fff;
	background: #e31610;
	padding: 0 20px
}

#inner_culture .item.active .txt:after,#inner_culture .item:hover .txt:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -6px;
	top: 14px;
	background: #e31610
}

#inner_culture .item.active>i,#inner_culture .item:hover>i {
	color: #e31610
}

#inner_culture .spec {
	width: 16px;
	border-top: 2px solid #222;
	margin-bottom: 40px
}

#inner_business {
	margin-top: 80px
}

#inner_business .spec {
color: #e31610!important;
	border-top: 3px solid #222;
	margin: 25px 0
}

#inner_business .container {
	padding: 60px 0;
	z-index: 1
}

#inner_business .container:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 100px;
	background: #f3f3f5;
	z-index: -1
}

#inner_business .carousel-control-next,#inner_business .carousel-control-prev {
	width: 50px;
	height: 50px;
	top: auto;
	bottom: 0;
	background: #333;
	opacity: .8;
	font-size: 24px;
	line-height: 50px;
	border-radius: 25px
}

#inner_business .carousel-control-next:hover,#inner_business .carousel-control-prev:hover {
	background: #e31610
}

#inner_business .carousel-control-next {
	right: auto;
	left: 65px
}

#inner_factory {
	margin-top: 30px
}

#inner_factory .spec {
	width: 40px;
	border-top: 3px solid #222;
	margin: 25px 0
}

#inner_factory .container {
	padding: 60px 0;
	z-index: 1
}

#inner_factory .container:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0px;
	background: #f3f3f5;
	z-index: -1
}

#inner_factory .carousel-control-next,#inner_factory .carousel-control-prev {
	width: 50px;
	height: 50px;
	top: auto;
	bottom: 0;
	background: #333;
	opacity: .8;
	font-size: 24px;
	line-height: 50px;
	border-radius: 25px
}

#inner_factory .carousel-control-next:hover,#inner_factory .carousel-control-prev:hover {
	background: #e31610
}

#inner_factory .carousel-control-next {
	right: auto;
	left: 65px
}

#inner_honor {
	margin-top: 70px;
	background: url(../images/honor_bg.jpg) top no-repeat;
	padding-top: 105px;
	margin-bottom: 40px
}

#inner_honor .item {
	margin-bottom: 20px;
	text-align: center
}

#inner_honor .item img {
	padding: 10px;
	border: 1px solid #efefef
}

#case-box {
	padding: 0 30px
}

#case-box .f5bg {
	background: #f5f5f5;
	padding: 40px
}

#case-box .date,#case-box .tit {
	font-size: 18px
}

#case-box .tit {
	color: #000;
	font-weight: 700
}

#case-box .row:hover .tit a {
	color: #e31610
}

#case-box .date {
	color: #a8a8a8;
	position: relative;
	padding-bottom: 30px
}

#case-box .date:after {
	content: "";
	position: absolute;
	border-bottom: 3px solid #b7b7b7;
	width: 45px;
	bottom: 20px;
	left: 0
}

#case-box .desp {
	color: #b7b7b7;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px
}

#case-box .btn {
	background-color: #a4a4a4;
	color: #fff;
	border-radius: 0
}

#case-box .btn:hover,#case-box .row:hover .btn {
	background-color: #e31610
}

#case-box .r_0 {
	border-top: 1px solid #d7d7d7;
	margin-top: 10px;
	padding-top: 36px
}

.listpager {
	text-align: center;
	margin: 40px 0
}

.listpager .first,.listpager .last {
	display: none
}

.listpager a {
	font-size: 12px;
	color: #333;
	border: 1px solid #e8e8e8;
	line-height: 36px;
	border-radius: 4px;
	display: inline-block;
	padding: 0 15px
}
.listpager span{display:none;}
.listpager a+a {
	margin-left: 10px
}

.listpager a.page-num-current,.listpager a:hover {
	border-color: #e31610;
	color: #e31610
}

#download .box {
	border-top: 1px solid #b7b7b7;
	margin-top: 10px;
	padding-top: 20px
}

#download tr td {
	border: none;
	line-height: 40px;
	font-size: 14px
}

#download tr {
	transition: all .3s;
	-webkit-transition: all .3s;
	height: auto
}

#download tr td i {
	font-size: 30px;
	color: #838383
}

#download tr td a:hover i {
	color: #e31610
}

#download tr:nth-child(odd) {
	background-color: #fff
}

#download tr:nth-child(2n) {
	background-color: #f9fafc
}

#download tr:hover {
	background-color: #f8f8f8
}

#download tr:first-child:hover {
	background-color: #fff
}

#download .tit td {
	color: #999;
	font-size: 16px
}

#download .item {
	opacity: .9
}

#news-box .sp-line {
	margin-top: 10px;
	border-top: 1px solid #d7d7d7;
	padding-top: 20px
}

#news-box .tit {
	padding-bottom: 10px;
	font-size: 16px;
	color: #000;
	line-height: 32px
}

#news-box .row:hover .tit a {
	color: #e31610
}

#news-box .pic {
	display: block;
	position: relative;
	z-index: 1
}

#news-box .pic:after {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 2
}

#news-box .pic:after,#news-box .pic:before {
	position: absolute;
	opacity: 0;
	transition: all .3s
}

#news-box .pic:before {
	content: "\f425";
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	font-size: 40px;
	height: 40px;
	width: 40px;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 40px;
	text-align: center;
	color: #fff;
	z-index: 3
}

#news-box .row:hover .pic:after {
	opacity: .6
}

#news-box .row:hover .pic:before {
	opacity: 1
}

#article-box .hd {
	margin-top: 10px;
	border-top: 1px solid #d7d7d7;
	padding-top: 36px;
	color: #888
}

#article-box img {
	max-width: 100%;
	height: auto
}

#article-box p {
	line-height: 1.8
}

#article-box .contact {
	margin: 30px 0;
	padding: 0 30px
}

#article-box .contact h6 {
	font-size: 18px
}

#article-box .contact .opt {
	font-size: 15px;
	color: #999;
	line-height: 1.8
}

#article-box .more {
	border: dashed #888;
	border-width: 1px 0;
	line-height: 54px;
	margin: 30px 0 55px
}

#portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px;
	list-style: none
}

#portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #d7d7d7
}

#portfolio #portfolio-flters li.filter-active,#portfolio #portfolio-flters li:hover {
	background: #e31610;
	color: #fff;
	border-color: #e31610
}

#portfolio-flters a:hover{
	color:#fff;
	outline: none;
	text-decoration: none	
}

#portfolio #portfolio-flters li:last-child {
	margin-right: 0
}

#portfolio .portfolio-wrap {
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	transition: .3s
}

#portfolio .portfolio-wrap:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,.16)
}

#portfolio .portfolio-item {
	position: relative;
	height: 360px;
	overflow: hidden
}

#portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: 0
}

#portfolio .portfolio-item figure:hover img {
	opacity: .4;
	transition: .3s
}

#portfolio .portfolio-item figure .link-details,#portfolio .portfolio-item figure .link-preview {
	position: absolute;
	display: inline-block;
	opacity: 0;
	line-height: 1;
	text-align: center;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	transition: .2s linear
}

#portfolio .portfolio-item figure .link-details i,#portfolio .portfolio-item figure .link-preview i {
	padding-top: 6px;
	font-size: 22px;
	color: #333
}

#portfolio .portfolio-item figure .link-details:hover,#portfolio .portfolio-item figure .link-preview:hover {
	background: #e31610
}

#portfolio .portfolio-item figure .link-details:hover i,#portfolio .portfolio-item figure .link-preview:hover i {
	color: #fff
}

#portfolio .portfolio-item figure .link-preview {
	left: calc(50% - 38px);
	top: calc(50% - 18px)
}

#portfolio .portfolio-item figure .link-details {
	right: calc(50% - 38px);
	top: calc(50% - 18px)
}

#portfolio .portfolio-item figure:hover .link-preview {
	opacity: 1;
	left: calc(50% - 44px)
}

#portfolio .portfolio-item figure:hover .link-details {
	opacity: 1;
	right: calc(50% - 44px)
}

#portfolio .portfolio-item .portfolio-info {
	background: #fff;
	text-align: center;
	padding: 20px 30px 30px;
	height: 90px;
	border-radius: 0 0 3px 3px
}

#portfolio .portfolio-item .portfolio-info h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 6px;
	padding-bottom: 0
}

#portfolio .portfolio-item .portfolio-info h4 a {
	color: #333
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
	color: #e31610
}

#portfolio .portfolio-item .portfolio-info p {
	padding: 0;
	margin: 0;
	color: #b8b8b8;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase
}

#product-center #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px
}

#product-center #portfolio-flters a {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all .3s ease-in-out;
	border: 1px solid #d7d7d7
}

#product-center #portfolio-flters a.filter-active,#product-center #portfolio-flters a:hover {
	background: #e31610;
	color: #fff;
	border-color: #e31610
}

#product-center #portfolio-flters a:last-child {
	margin-right: 0
}

#product-center #product-info {
	padding-top: 25px
}

#product-center #product-info h5 {
	font-size: 22px
}

#product-center .intro {
	font-size: 15px;
	color: #a1a0a0;
	line-height: 1.6
}

#product-center .features {
	padding-left: 0;
	list-style: none
}

#product-center .features>li {
	font-size: 15px;
	color: #333;
	line-height: 24px;
	height: 24px;
	padding-left: 18px;
	background:url(data:image/gif;base64,R0lGODlhBwAKAMQcAOYsJvWsquMZE/739+g/Ouc3MuMXEe98efKSj+92cu5wbfa4tv719eUpJOpNSP3t7PGMifzl5eQfGeQcF/76+ec1MOpSTvnNy/OZlvzj4vvg3+MWEP///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBRjMwMERDNTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBRjMwMERENTE5RjExRTg4NTAzODI5MTAyRjkzMzhCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGMzAwREE1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGMzAwREI1MTlGMTFFODg1MDM4MjkxMDJGOTMzOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAcACwAAAAABwAKAAAFLmCmaQNnIttmUSanpElLWSnWPsUmLC2WOqaLZNPIcCKAzeTCYRA2hoDpUKlAWiEAOw==) 0 7px no-repeat
}

#product-content p {
	margin-bottom: 15px;
	line-height: 1.8
}

#product-content img {
	max-width: 100%;
	height: auto
}

#product-rec figure {
	background: #000;
	overflow: hidden;
	margin: 0
}

#product-rec .portfolio-info {
	background: #fff;
	text-align: center;
	line-height: 24px;
	padding: 6px 12px;
	border-bottom: 1px solid #f6f6f6;
	position: relative;
	z-index: 1
}

#product-rec .portfolio-info:after {
	position: absolute;
	transition: all .3s;
	content: "";
	background: #e31610;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	z-index: -1
}

#product-rec .portfolio-wrap:hover .portfolio-info:after {
	height: 36px
}

#product-rec .portfolio-wrap:hover .portfolio-info {
	border-color: #e31610
}

#product-rec .portfolio-wrap:hover .portfolio-info a {
	color: #fff
}

#contact-way .tit {
	height: 57px;
	background-image: url(../images/contact_tit.png);
	background-repeat: no-repeat;
	margin: 10px 0 13px
}

#contact-way .t1 {
	background-position: center 0
}

#contact-way .t2 {
	background-position: center -57px
}

#contact-way .t3 {
	background-position: center -114px
}

#contact-way .way p {
	border-top: 1px solid #6e6e6e;
	font-size: 14px;
	line-height: 24px;
	padding-top: 12px;
	color: #333;
	height: 84px;
	overflow: hidden
}

#contact-way .way ul {
	border-left: 2px solid #e31610;
	list-style: none;
	padding-left: 12px
}

#contact-way .way ul li {
	line-height: 32px;
	color: #333
}

#contact-way .way i {
	color: #e31610;
	font-size: 26px;
	line-height: 32px;
	width: 36px;
	padding-right: 10px;
	height: 32px;
	text-align: center;
	overflow: hidden;
	vertical-align: top;
	display: inline-block
}

#services-map {
	background: url(../images/contact_bg.jpg) top no-repeat;
	background-size: cover
}

#services-map .bg {
	background: hsla(0,0%,100%,.15);
	border-radius: 0 0 8px 8px;
	padding-bottom: 30px
}

#services-map table {
	margin: 0 auto;
	max-width: 666px
}

#services-map table td {
	border: none;
	color: #fff
}

#services-map table .adds {
	border-bottom: 1px dashed #fff
}

#services-map table .adds>p {
	line-height: 24px;
	margin-bottom: 0
}

#services-map table .area {
	transition: all .3s
}

#services-map table .arr {
	color: #e31610;
	text-shadow: 1px 1px 3px #333;
	opacity: 0;
	transition: opacity .3s
}

#services-map table tr:hover td {
	cursor: pointer
}

#services-map table tr:hover .arr {
	opacity: 1
}

#services-map table tr:hover .area {
	color: #e31610;
	text-shadow: 1px 1px 3px #333
}

@media(max-width:768px) {
	#portfolio #portfolio-flters li{ padding:10px 0; width:30%; margin:10px 0 0 2%; text-align:center}
	#product-center #portfolio-flters a{padding:10px 0; width:30%; margin:10px 0 0 2%; text-align:center}
	#product-center #product-info h5{ margin-top:30px}
	.table td, .table th{ padding:0}
	#inner_business{ padding:0 10px}
	#inner_factory{ padding:0 10px}
	#mobile-nav-toggle {
		margin-top: 32px
	}

	#logo>img {
		display: none
	}

	#header .navbar {
		height: 95px;
		
	}

	#intro {
		height: auto;
		padding-top: 0;
		background: none;
	}

	#intro .container {
		max-width: 100%
	}

	#mobile-nav .index_searchform,#mobile-nav .lang {
		display: none
	}

	#message {
		background-image: url(../images/m-contact.png);
		padding-top: 50px
	}

	#message .form-group {
		width: 90%
	}

	#message .btn-default {
		max-width: 100%;
		width: 100%;
		padding: 6px 15px;
		margin-top: 10px
	}

	#float-contact .container-fluid {
		height: 70px
	}

	.pro-list .item p {
		border-bottom: 1px solid #959595
	}

	.pro-list .item:hover p {
		border-color: #e31610;
		color: #e31610
	}

	#pro-center {
		padding: 40px 0 20px
	}

	#wap-about .about_link {
		display: inline-block;
		padding: .5rem 1rem;
		color: #fff;
		background: #e31610
	}

	#news {
		padding-top: 20px
	}

	#news .description,#news .title {
		margin-left: 96px
	}

	#news .date {
		width: 84px;
		text-align: center;
		font-size: 42px;
		float: left
	}

	#news .mon {
		font-size: 20px
	}

	#news .title:after {
		display: none
	}

	#news a:hover h4,#news a:hover h5,#news a:hover p {
		color: #e31610
	}

	#case .t {
		position: relative
	}

	#case .t:after {
		content: "";
		position: absolute;
		bottom: 4px;
		border-bottom: 3px solid #e31610;
		width: 66px;
		left: 50%;
		margin-left: -33px
	}

	#case .wapitem {
		font-size: 14px
	}

	#case .wapitem .h5 {
		font-size: 18px
	}

	#case {
		background-size: cover
	}
	#news .pic{display:none;}
	#news .date,#wap-about{display:block !important;}
}
#wap-about{display:none;}
#news .date{display:none;}

.pagebar { padding:20px; overflow:hidden; clear:both; width:100%}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}

#maximg img{ max-width:100%; height:auto !important}